<template>
  <div class="salesCategory" v-if="state.salesCategoryShow">
    <salesTrendYear />
    <salesDataMonth />
    <salesCompar />
  </div>
</template>

<script>
import salesTrendYear from "./salesTrendYear.vue";
import salesDataMonth from "./salesDataMonth.vue";
import salesCompar from "./salesCompar.vue";
import store from "@/utils/store";
export default {
  name: "Main",
  components: {
    salesTrendYear,
    salesDataMonth,
    salesCompar,
  },
  data() {
    return {
      state: store.state,
    };
  },
  mounted() {},
};
</script>

<style lang="scss" scoped>
.salesCategory {
  width: 96%;
  height: 260px;
  margin: auto;
  position: absolute;
  left: 2%;
  top: 750px;
  z-index: 999;
}
</style>
